	<script>
		function resize(){
			$('#w').window('resize',{
				width: 600,
				height: 300
			});
		}
		function open1(){
			$('#w').window('open');
		}
		function close1(){
			$('#w').window('close');
		}
		function test(){
			$('#test').window('open');
		}
	</script>
	<h2>窗口 - Window</h2>
	<div class="demo-info">
	  <div class="demo-tip icon-tip"></div>
		<div>窗口,可以自由地在屏幕上拖动。<br>
		</div>
	</div>
	
	<div style="margin:10px 0">
		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="resize()">Resize</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="open1()">Open</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="close1()">Close</a>
	</div>
	<div style="position:relative;width:400px;height:300px;border:1px solid #ccc;overflow:auto;">
		<div class="easyui-window" data-options="title:'Inline Window',inline:true" style="width:250px;height:150px;padding:10px">
			这个窗口只能呆在这个面板里面（父容器）！
		</div>
	</div>
	<div id="w" class="easyui-window" data-options="title:'My Window',iconCls:'icon-save'" style="width:500px;height:200px;padding:5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center',border:false" style="padding:10px;background:#fff;border:1px solid #ccc;">jQuery EasyUI框架帮助您构建您的web页面很容易。<br>
			  　　<br>
			  点击<a href="javascript:void(0);" onclick="test()">这里</a>弹出另一个窗口。<br>
			</div>
			<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="resize()">Ok</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="resize()">Cancel</a>
			</div>
		</div>
	</div>
	<div id="test" class="easyui-window" data-options="closed:true,modal:true,title:'Test Window'" style="width:300px;height:100px;"></div>
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html style=&quot;width:100%;height:100%;overflow:hidden&quot;&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;Window - jQuery EasyUI Demo&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
	&lt;script&gt;
		function resize(){
			$('#w').window('resize',{
				width: 600,
				height: 300
			});
		}
		function open1(){
			$('#w').window('open');
		}
		function close1(){
			$('#w').window('close');
		}
		function test(){
			$('#test').window('open');
		}
	&lt;/script&gt;
&lt;/head&gt;
&lt;body style=&quot;height:100%;width:100%;overflow:hidden;border:none;padding:20px&quot; &gt;
	&lt;h2&gt;窗口 - Window&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot;&gt;
	  &lt;div class=&quot;demo-tip icon-tip&quot;&gt;&lt;/div&gt;
		&lt;div&gt;窗口,可以自由地在屏幕上拖动。&lt;br&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	
	&lt;div style=&quot;margin:10px 0&quot;&gt;
		&lt;a href=&quot;javascript:void(0)&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;resize()&quot;&gt;Resize&lt;/a&gt;
		&lt;a href=&quot;javascript:void(0)&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;open1()&quot;&gt;Open&lt;/a&gt;
		&lt;a href=&quot;javascript:void(0)&quot; class=&quot;easyui-linkbutton&quot; onclick=&quot;close1()&quot;&gt;Close&lt;/a&gt;
	&lt;/div&gt;
	&lt;div style=&quot;position:relative;width:400px;height:300px;border:1px solid #ccc;overflow:auto;&quot;&gt;
		&lt;div class=&quot;easyui-window&quot; data-options=&quot;title:'Inline Window',inline:true&quot; style=&quot;width:250px;height:150px;padding:10px&quot;&gt;
			这个窗口只能呆在这个面板里面（父容器）！
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;div id=&quot;w&quot; class=&quot;easyui-window&quot; data-options=&quot;title:'My Window',iconCls:'icon-save'&quot; style=&quot;width:500px;height:200px;padding:5px;&quot;&gt;
		&lt;div class=&quot;easyui-layout&quot; data-options=&quot;fit:true&quot;&gt;
			&lt;div data-options=&quot;region:'center',border:false&quot; style=&quot;padding:10px;background:#fff;border:1px solid #ccc;&quot;&gt;jQuery EasyUI框架帮助您构建您的web页面很容易。&lt;br&gt;
			  　　&lt;br&gt;
			  点击&lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;test()&quot;&gt;这里&lt;/a&gt;弹出另一个窗口。&lt;br&gt;
			&lt;/div&gt;
			&lt;div data-options=&quot;region:'south',border:false&quot; style=&quot;text-align:right;padding:5px 0;&quot;&gt;
				&lt;a class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-ok'&quot; href=&quot;javascript:void(0)&quot; onclick=&quot;resize()&quot;&gt;Ok&lt;/a&gt;
				&lt;a class=&quot;easyui-linkbutton&quot; data-options=&quot;iconCls:'icon-cancel'&quot; href=&quot;javascript:void(0)&quot; onclick=&quot;resize()&quot;&gt;Cancel&lt;/a&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;div id=&quot;test&quot; class=&quot;easyui-window&quot; data-options=&quot;closed:true,modal:true,title:'Test Window'&quot; style=&quot;width:300px;height:100px;&quot;&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>